@import 'var-light';
@import "var-dark";

$themes: (
  light: $light-theme,
  dark: $dark-theme,
);

@mixin css-vars {
  @each $theme-name, $theme-map in $themes {
    $theme-map: $theme-map !global;
    &[data-theme=#{$theme-name}] {
      @content;
    }
  }
}

@function themed($key) {
  @return map-get($theme-map, $key);
}
